$(function () {
    /*初始化下标*/
    let index = 0;
    /*初始化定时器*/
    let inter;
    /*获取视图宽度*/
    const mainWidth = $(".ad").width();

    /*无缝轮播需要复制第一个item插入到末尾*/
    $(".ad .list").append($(".ad .item:eq(0)").clone(true));
    /*获取轮播图片的个数*/
    const itemCount = $(".ad .list .item").length;

    /*初始化样式*/
    $(".ad .list").width(mainWidth * itemCount);
    /*鼠标悬浮和离开时样式*/
    $(".ad").mouseenter(function () {
        $(".ad .arrow").show()
        clearInterval(inter)
    }).mouseleave(function () {
        $(".ad .arrow").hide()
        autoplay()
    });

    $(".ad .right").click(next)
    $(".ad .left").click(function () {
        if (!$(".ad .list").is(":animated")) {
            if (index === 0) {
                $(".ad .list").css({left: -1 * (itemCount - 1) * mainWidth});
                index = itemCount - 2;
                $(".ad .list").stop().animate({left: -1 * mainWidth * index + "px"}, 500, function () {
                    $(".ad .d").eq(index).addClass("active").siblings(".d").removeClass("active")
                });
            } else {
                index--;
                $(".ad .list").stop().animate({left: -1 * mainWidth * index + "px"}, 500, function () {
                    $(".ad .d").eq(index).addClass("active").siblings(".d").removeClass("active")
                });
            }
        }
    });
    $(".ad .d").click(function () {
        if (!$(".ad .list").is(":animated")) {
            index = $(this).index(".ad .d");
            $(".ad .list").stop().animate({left: -1 * mainWidth * index + "px"}, 500, function () {
                $(".ad .d").eq(index).addClass("active").siblings(".d").removeClass("active")
            });
        }
    })

    function autoplay() {
        inter = setInterval(next, 3000);
    }

    autoplay();

    function next() {
        if (!$(".ad .list").is(":animated")) {
            if (index === itemCount - 2) {
                index++;
                $(".ad .list").stop().animate({left: -1 * mainWidth * index + "px"}, 500, function () {
                    $(".ad .list").css("left", 0);
                    index = 0;
                    $(".ad .d").eq(index).addClass("active").siblings(".d").removeClass("active")
                });
            } else {
                index++;
                $(".ad .list").stop().animate({left: -1 * mainWidth * index + "px"}, 500, function () {
                    $(".ad .d").eq(index).addClass("active").siblings(".d").removeClass("active")
                });
            }
        }
    }
})

